<script setup>
import { ref } from 'vue'

const activeNames = ref(['1', '2'])
</script>

<template>
  <div style="margin: 40px 40px;">
    <el-card>

      <div style="font-size: 30px; margin: 20px;text-align: center;"><i>大数据专业开设课程</i></div>
      <el-collapse v-model="activeNames" @change="handleChange" accordion>
        <el-collapse-item title="大数据平台部署与运维" name="1">
          <template #title>
            <h3><i>什么是大数据平台部署与运维？</i></h3>
            <el-icon :size="30">
              <Share />
            </el-icon>
          </template>
          <div class="txt">
            处理框架和处理引擎负责对数据系统中的数据进行计算。
            虽然“引擎”和“框架”之间的区别没有什么权威的定义，但大部分时候可以将前者定义为实际负责处理数据操作的组
            件，后者则可定义为承担类似作用的一系列组件。
          </div>
        </el-collapse-item>
        <el-collapse-item title="大数据处理" name="2">
          <template #title>
            <h3><i>什么是大数据处理？</i></h3>
            <el-icon :size="30">
              <StarFilled />
            </el-icon>
          </template>
          <div class="txt">
            大数据处理指的是按照特定方法，使用先进计算机技术对海量数据进行抽取、存储、处理和分析，从而得出可行性和可靠性的结论和指导性的意见的一种技术。
            大数据处理的核心是“数据”，它可以指包括不同类型的文本、图像、音频和视频信息、拍摄的照片、实时流记录的网络服务、交互的网页、用户的行为数据、程序的指令、海量用户交互的数据、物联网和传感器设备识别数据等。
          </div>
        </el-collapse-item>
        <el-collapse-item title="大数据存储与挖掘" name="3">
          <template #title>
            <h3><i>什么是大数据存储与挖掘？</i></h3>
            <el-icon :size="30">
              <Ticket />
            </el-icon>
          </template>
          <div class="txt">
            存储即海量数据的大规模存储。而数据挖掘，又译为资料探勘、数据采矿。它是数据库知识发现中的一个步骤。数据挖掘一般是指从大量的数据中通过算法搜索隐藏于其中信息的过程。
          </div>
        </el-collapse-item>
        <el-collapse-item title="基于大数据构建用户画像" name="4">
          <template #title>
            <h3><i>什么是基于大数据构建用户画像？</i></h3>
            <el-icon :size="30">
              <Place />
            </el-icon>
          </template>
          <div class="txt">
            <p>
              通过各个维度对用户或者产品特征属性的刻画，并对这些特征分析统计挖掘潜在价值信息。完美地抽象出一个用户的信息全貌，可以看作企业应用大数据的根基。用户画像使用标签来量化用户特征属性，达到描述用户的目的。用户画像是对现实世界中的用户进行建模。
            </p>
          </div>
        </el-collapse-item>
      </el-collapse>
    </el-card>
  </div>
</template>

<style lang='scss' scoped>
.txt {
  font-weight: 150;
  font-family: Helvetica;
  font-size: 14px;
}
</style>